<template>
	<div id="login">
			<form action="#">
				<p><input type="text" placeholder="账户/手机号/邮箱"></p>
				<p><input type="password" placeholder="请输入您的密码"></p>
				<p><button>登录</button></p>
			</form>
			<p class="find-password">
				<span>立即注册</span>
				<span>找回密码</span>
			</p>
		</div>
</template>

<script>
	export default{
			name:'Login'
		}
</script>

<style scoped>
		#login{
			padding-top: 50px;
		}
		input{
			width: 97%;
			height: 40px;
			border: none;
			border-bottom: 1px solid #ccc;
			padding-left: 10px;
			outline: none;
		}
		button{
			border-radius: 5px;
			color: white;
			background-color: #E54847;
			border: none;
			width: 95%;
			margin: 10px;
			height: 40px;
		}
		.find-password span{
			color: #E54847;
			font-size: 14px;
		}
		.find-password span:first-child{
			float: left;
			margin-left: 10px;
		}
		.find-password span:last-child{
			float: right;
			margin-right: 10px;
		}
		.find-password{
			overflow: hidden;
		}
</style>
